<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>100度</title>
	<link href="./css/style.css" rel="stylesheet" />
	<script src="js/jquery-1.11.0.min.js"></script>
	<script src="js/action.js"></script>
	<!--[if IE 6]>
	<script src="js/DD_belatedPNG_0.0.8a.js"></script>
	<script>
	DD_belatedPNG.fix('*');
	</script>
	<![endif]-->
</head>
<body>
	<div id="header" class="grad clear">
		<p class="city fl">
			切换城市 :
			<a href="#" title="电商网站By Emily" class="active circle-grey">北京</a>
			<a href="#" title="电商网站By Emily" class="circle-grey">上海</a>
			<a href="#" title="电商网站By Emily" class="circle-grey">福州</a>
			<a href="#" title="电商网站By Emily" class="circle-grey">广州</a>
			<a href="#" title="电商网站By Emily" class="circle-grey">青岛</a>
		</p>
		<p class="operate fr">
			<a href="#" title="电商网站By Emily" class="join">加盟100度</a>|<a href="#" title="电商网站By Emily" class="manage">店铺管理</a>
		</p>
	</div>

	<div id="nav">
		<ul class="navl fl clear">
			<li><a href="#" title="电商网站By Emily" class="meishi">美食</a></li>
			<li><a href="#" title="电商网站By Emily" class="yedian">夜店</a></li>
			<li><a href="#" title="电商网站By Emily" class="gouwu">购物</a></li>
			<li><a href="#" title="电商网站By Emily" class="wenhua">文化</a></li>
			<li><a href="#" title="电商网站By Emily" class="xiuxian">休闲</a></li>
		</ul>
		<img src="./img/logo.png" alt="电商网站By Emily">
		<ul class="navr fr clear">
			<li><a href="#" title="电商网站By Emily" class="kongjian">烧客空间</a></li>
			<li><a href="#" title="电商网站By Emily" class="fenzi">知道分子</a></li>
			<li><a href="#" title="电商网站By Emily" class="china">白吃白拿</a></li>
			<li><a href="#" title="电商网站By Emily" class="luntan">烧客论坛</a></li>
			<li><a href="#" title="电商网站By Emily" class="club">企业俱乐部</a></li>
		</ul>
	</div>

	<div id="search" class=" circle-grey">
		<ul class="bar clear">
			<li class="active"><a href="javascript:;" title="电商网站By Emily">搜店</a></li>
			<li><a href="javascript:;" title="电商网站By Emily">地址</a></li>
			<li><a href="javascript:;" title="电商网站By Emily">优惠券</a></li>
			<li><a href="javascript:;" title="电商网站By Emily">全文</a></li>
			<li><a href="javascript:;" title="电商网站By Emily">视频</a></li>
		</ul>
		<div class="form circle-red">
			<form action="#">
				<input type="text" name="sear_cont" value="例如：荷棠鱼坊烤鱼 或 樱花日本料理" class="txt"><input type="submit" name="sear_sub" class="btn" value="">
			</form>
			<p><a href="#" title="电商网站By Emily">金钱豹</a>、<a href="#" title="电商网站By Emily">大江南</a>、<a href="#" title="电商网站By Emily">湘水之珠</a>、<a href="#" title="电商网站By Emily">德瑀楼</a>、<a href="#" title="电商网站By Emily">荷棠鱼坊烤鱼</a>、<a href="#" title="电商网站By Emily">SOHO尚都</a>、<a href="#" title="电商网站By Emily">湘味楼</a>...</p>
		</div>
		<div class="news_wrap">
			<ul>
				<li>
					<a href="#" title="电商网站By Emily">
						<strong>萱萱</strong>
						<span class="time">1分钟前</span>
						写了一篇新文章：那些灿烂华美的瞬间…
					</a>
				</li>
				<li>
					<a href="#" title="电商网站By Emily">
						<strong>萱萱</strong>
						<span class="time">2分钟前</span>
						写了liang篇新文章：那些灿烂华美的瞬间…
					</a>
				</li>
				<li>
					<a href="#" title="电商网站By Emily">
						<strong>萱萱</strong>
						<span class="time">3分钟前</span>
						写了三篇新文章：那些灿烂华美的瞬间…
					</a>
				</li>
				<li>
					<a href="#" title="电商网站By Emily">
						<strong>萱萱</strong>
						<span class="time">4分钟前</span>
						写了四篇新文章：那些灿烂华美的瞬间…
					</a>
				</li>
			</ul>
			
			<a href="javascript:;" title="电商网站By Emily" class="trangle-up"></a>
			<a href="javascript:;" title="电商网站By Emily" class="trangle-down-red"></a>
		</div>
		<div class="searchimg"></div>
	</div>

	<div class="content  clear">
		<div class="main fl">
			<div class="mainwrap clear">
				<div class="what_hot mianbody circle-grey fl">
				</div>
				<div class="shop_option option fr" style="height:300px;"><!-- 高度为展示效果用 -->
					<ul class="option_con clear">
						<li class="fl circle-grey active">
							<strong>
								<span>HOT SHOP</span>
								红店铺
							</strong>
							<a href="#" title="电商网站By Emily" class="trangle-down-red"></a>
						</li>
						<li class="fr circle-grey grad">
							<strong>
								<span>EW SHOP</span>
								新开张
							</strong>
							<a href="#" title="电商网站By Emily" class="trangle-down-grey"></a>
						</li>
					</ul>
					<div class="option_det" style="height:200px;">
						<div class="option_body">
						</div>
						<div class="option_body hide">
						</div>
					</div>					
				</div>
			</div>

			<div class="mian_ad circle-grey">
				<img src="./img/ad.jpg" alt="ad1">
			</div>

			<div class="mainwrap clear">
				<div class="activy circle-grey fl">
				</div>
				<div class="recommend circle-grey fr">
				</div>
			</div>
			<div class="mainwrap clear">
				<div class="life_option option fl" style="height:300px;"><!-- 高度为展示效果用，最终删掉 -->
					<ul class="option_con clear">
						<li class="fl circle-grey active">
							<strong>
								<span>SUBWAY</span>
								地铁交通
							</strong>
							<a href="#" title="电商网站By Emily" class="trangle-down-red"></a>
						</li>
						<li class="fr circle-grey grad">
							<strong>
								<span>MAP</span>
								生活圈
							</strong>
							<a href="#" title="电商网站By Emily" class="trangle-down-grey"></a>
						</li>
					</ul>
					<div class="option_det">
						<div class="option_body">
							<img src="./img/content/123.gif" alt="电商网站By Emily">
						</div>
						<div class="option_body hide">
							<img src="img/content/456.jpg" alt="电商网站By Emily">
						</div>
					</div>
				</div>
				<div class="bbs mianbody circle-grey fr">
					<h3 class="con_title">
						<strong>
							<span>BBS</span>
							论坛
						</strong>
						<a href="#" title="电商网站By Emily" title="更多"></a>
					</h3>
				</div>
			</div>
			<div class="mian_ad circle-grey">
				<img src="./img/ad.jpg" alt="电商网站By Emily">
			</div>
			<div class="mainwrap clear">
				<div class="konw mianbody circle-grey fl">
					<h3 class="con_title">
						<strong>
							<span>LIFESTYLE ADVICE</span>
							知道分子
						</strong>
						<a href="#" title="电商网站By Emily" title="更多"></a>
					</h3>
					<div class="tab_wrap">
						<ul class="tab">
							<li class="active">有人在问<a href="#" title="电商网站By Emily" class="trangle-down-red"></a></li>
							<li class="grad">有人知道<a href="#" title="电商网站By Emily" class="trangle-down-grey"></a></li>
							<li class="grad">热门问题<a href="#" title="电商网站By Emily" class="trangle-down-grey"></a></li>
						</ul>
						<div class="title clear">
							<span class="col1">标题</span>
							<span class="col2">状态</span>
						</div>
						<div class="tab_body">
							<ul class="publicul">
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>在问</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico1.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>在问</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>在问</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>在问</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico1.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>在问</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
							</ul>
						</div>
						<div class="tab_body hide">
							<ul class="publicul">
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>知道</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico1.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>知道</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>知道</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>知道</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico1.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>知道</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
							</ul>
						</div>
						<div class="tab_body hide">
							<ul class="publicul">
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>问题</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico1.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>问题</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>问题</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>问题</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico1.gif" alt="电商网站By Emily">
									</span>
								</li>
								<li class="clear">
									<a href="#" title="电商网站By Emily"  class="col1"><em>[<span>问题</span>]</em>这个页面最普遍的li</a>
									<span  class="col2">
										<img src="img/ico2.gif" alt="电商网站By Emily">
									</span>
								</li>
							</ul>
						</div>						
					</div>
				</div>
				<div class="hot mianbody circle-grey fr">
					<h3 class="con_title">
						<strong>
							<span>HOT</span>
							红人烧客
						</strong>
						<a href="#" title="电商网站By Emily" title="更多"></a>
					</h3>
				</div>
			</div>
			<div class="mainwrap clear">
				<div class="help mianbody circle-grey fl">
					<h3 class="con_title">
						<strong>
							<span>HELP</span>
							在线帮助
						</strong>	
					</h3>
				</div>
				<div class="media mianbody circle-grey fr">
					<h3 class="con_title">
						<strong>
							<span>100DU IN THE MEDIA</span>
							媒体声音
						</strong>
						<a href="#" title="电商网站By Emily" title="更多"></a>
					</h3>
				</div>
			</div>
		</div>
		<div class="slid fr">
			<div id="login" class="circle-grey">
			</div>
			<div class="slid_ad1 circle-grey">
				<img src="./img/slid_ad1.jpg" alt="电商网站By Emily">
			</div>
			<div class="slid_ad2">
				<img src="./img/slid_ad2.jpg" alt="电商网站By Emily">
			</div>
			<div class="coupons slid_con circle-grey">
				<h3 class="con_title">
					<strong>
						<span>COUPONS</span>
						抢卷儿
					</strong>
					<a href="#" title="电商网站By Emily" title="更多"></a>
				</h3>
				<div class="tab_wrap">
					<ul class="tab">
						<li class="active">人气<a href="#" title="电商网站By Emily" class="trangle-down-red"></a></li>
						<li class="grad">推荐<a href="#" title="电商网站By Emily" class="trangle-down-grey"></a></li>
						<li class="grad">最新<a href="#" title="电商网站By Emily" class="trangle-down-grey"></a></li>
					</ul>
					<div class="tab_body">
						<div class="title clear">
							<span class="col1">商店名</span>
							<span class="col2">省</span>
							<span class="col3">打印</span>
						</div>
						<ul class="publicul">
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的11</a>
								<span class="col2">1%</span>
								<span class="col3">1</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的11</a>
								<span class="col2">1%</span>
								<span class="col3">1</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的11</a>
								<span class="col2">1%</span>
								<span class="col3">1</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的11</a>
								<span class="col2">1%</span>
								<span class="col3">1</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的11</a>
								<span class="col2">1%</span>
								<span class="col3">1</span>
							</li>
						</ul>
					</div>
					<div class="tab_body hide">
						<div class="title clear">
							<span class="col1">商店名</span>
							<span class="col2">省</span>
							<span class="col3">打印</span>
						</div>
						<ul class="publicul">
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的22</a>
								<span class="col2">2%</span>
								<span class="col3">2</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的22</a>
								<span class="col2">2%</span>
								<span class="col3">2</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的22</a>
								<span class="col2">2%</span>
								<span class="col3">2</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的22</a>
								<span class="col2">2%</span>
								<span class="col3">2</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的22</a>
								<span class="col2">2%</span>
								<span class="col3">2</span>
							</li>
						</ul>
					</div>
					<div class="tab_body hide">
						<div class="title clear">
							<span class="col1">商店名</span>
							<span class="col2">省</span>
							<span class="col3">打印</span>
						</div>
						<ul class="publicul">
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的33</a>
								<span class="col2">3%</span>
								<span class="col3">3</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的33</a>
								<span class="col2">3%</span>
								<span class="col3">3</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的33</a>
								<span class="col2">3%</span>
								<span class="col3">3</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的33</a>
								<span class="col2">3%</span>
								<span class="col3">3</span>
							</li>
							<li class="clear">
								<a href="#" title="电商网站By Emily" class="col1">这个页面最普遍的33</a>
								<span class="col2">3%</span>
								<span class="col3">3</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="shop slid_con circle-grey">
				<h3 class="con_title">
					<strong><span>SHOP</span>今日推荐</strong>
					<a href="#" title="电商网站By Emily" title="更多"></a>
				</h3>
			</div>
			<div class="shop360 slid_con circle-grey">
				<h3 class="con_title">
					<strong><span>360SHOP</span>全景逛街</strong>
					<a href="#" title="电商网站By Emily" title="更多"></a>
				</h3>
			</div>
			<div class="discount slid_con circle-grey">
				<h3 class="con_title">
					<strong><span>SHOP</span>折扣店</strong>
					<a href="#" title="电商网站By Emily" title="更多"></a>
				</h3>
				<ul class="publicul">
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
				</ul>
			</div>
			<div class="newjion slid_con circle-grey">
				<h3 class="con_title">
					<strong><span>COUPONS</span>最新加盟</strong>
					<a href="#" title="电商网站By Emily" title="更多"></a>
				</h3>
				<ul class="publicul">
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
					<li><a href="#" title="电商网站By Emily">这个页面最普遍的li</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footer circle-grey">
	</div>
</body>
</html>